@charset "utf-8";
/* CSS Document */
/* 个人中心 */
/* 头部 */
.user_header{ background:url(../images/user_header_bg.gif); margin-top:45px; position:relative; height:85px; }
.user_header .user_photo{ position:absolute; left:10px; top:40px; z-index:99;border-radius:60px;height:100px; width:100px; border:#fff solid 3px; box-shadow:rgba(0,0,0,0.4) 0 0 4px;}
.user_header .user_photo img{ border-radius:60px; height:100px; width:100px;}
.user_header .user_name{ color: #FFF; font-size: 16px; left: 120px; position: absolute;top: 58px;text-shadow: 1px 1px 2px #000;text-overflow:ellipsis;white-space:nowrap; overflow:hidden; display:block; width:60%; }
.user_header .order_panel{ background:#fff; height:80px;position: absolute; top: 85px; width: 100%; left:0;box-shadow:rgba(0,0,0,0.3) 0 0 3px;  }
.order_panel .orders{ margin-left:130px; overflow:hidden; padding:15px 0;}
.order_panel .orders li{ float:left; width:23%; text-align:center;margin:0 1%;}
.order_panel .orders li span{  display:block; float:left; width:99%; }
.order_panel .orders li b{  display:block;  width:1%; background:url(../images/user_header_line.png) repeat-y; height:30px; margin:10px 0 0;}
.order_panel .orders li .num{ font-weight:bold; font-size:16px; margin-bottom:5px;background-color:#000;height:3px;}
.order_panel .orders li .on{ background-color:red;}
.set_address{ position:absolute; right:0; bottom:20px;   background:url(../images/user_ico.png) no-repeat -148px -8px #fff; border-radius:5px 0 0 5px; border:#aaa solid 1px; border-right:none; height:40px; line-height:40px; padding-left: 40px;display:block; font-size:14px;}
.set_address_show{ right:0;}

/* 订单页 */
.u_order{ padding:10px; overflow:hidden; margin-top:80px; min-height:252px;}
.u_order .orderbox{ background:#fff; border-radius:5px; border:#ccc solid 1px;overflow:hidden; margin-bottom:10px;}
.u_order .orderbox h2{  padding:0 10px;font-size:14px; color:#333; border-bottom:#ccc solid 1px; overflow:hidden; font-weight:normal;}
.u_order .orderbox h2 span{ height:36px; line-height:36px; display:block; float:left;}
.u_order .orderbox h2 span i{ background:url(../images/user_ico.png) no-repeat -8px -8px; height:36px; width:36px; display:block; float:left;}
.u_order .orderbox h2 b{ float:right;height:36px; line-height:36px; font-size:12px; font-weight:normal;}
.u_order .orderbox .detail{ padding:10px; overflow:hidden;border-bottom:#ccc solid 1px;}
.u_order .orderbox img{ width:100px; height:100px; float:left; margin-right:10px;}
.u_order .orderbox strong{ color:#b20005; margin-right:20px;}
.u_order .orderbox .detail .title{ height:40px; line-height:20px; overflow:hidden;}
.u_order .orderbox .opr{ padding:0 10px 10px; }
.u_order .orderbox .opr .white_btn{ padding:5px 2%; margin:10px 2% 0 0; width:22%; text-align:center; display:inline-block;cursor:pointer;}
.u_order .orderbox .opr .white_btn:last-child{margin-right:0;}



/*商品添加  my_goods*/
* {padding: 0;margin: 0;}
img, table, td, th { border:0; }
ul, ol { list-style:none; }
.width1 { width: 30px; }
.width2 { width: 80px; }
.width3 { width: 170px; }
.width4 { width: 60px; }
.width5 { width: 180px; }
.width6 { width: 600px; }
.width7 { width: 300px; }
.width8 { width: 140px; }
.width9 { width: 400px; }
.width10 { width: 270px; }
.width11 { width: 200px; }
.width12 { width: 430px; }
.width13 { width: 120px; }
.width14 { width: 210px; }
.width15 { width: 50px; }
.width16 { width: 460px; }
.width17 { width: 556px; }
.wapwrap{margin: 0 auto;margin: 100px 0px 0;background: #fff;border-radius: 5px;box-shadow: rgba(0,0,0,0.3) 1px 1px 3px;min-height:800px;}
.wapwrap .assort select{border: 1px solid #A7A6AA;height: 22px;padding: 1px;line-height: 22px;margin-right: 2px;width:96%;margin: 2px 5px 5px 5px}
.wapwrap .assort .txt{font-weight: bold;text-align: center;font-size: 13px;}
.wapwrap .assort .f_l{margin:5px 0 5px 10px;}
.wapwrap .assort .new_add{text-align: center}
.wapwrap .assort .btn{width: 90%;padding: 4px 0;display: block;text-align: center;margin-left:12px;background: #fefefe;background: linear-gradient(to bottom,#fefefe,#f5f5f5);background: -moz-linear-gradient(top, #fefefe,#f5f5f5);background: -webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f5f5f5));border: #ddd solid 1px;border-radius: 3px;color: #333;}
.pic_list {margin: 10px;}


.editor { padding: 7px; margin: 10px 0; background: #f5f5f5 url(../images/member/editor.gif) repeat-x 0 top; }
.editor p { margin-top: 5px; }
.editor .preview { margin-top: 20px; }
.editor .preview li { width: 80px; height: 80px; float: left; position: relative; cursor: pointer; z-index:2; }
.editor .preview .pic { width: 50px; height: 50px; margin: 0 auto; background: #ccc; position: relative; }
.editor .preview .bg { width: 50px; padding: 10px 7px; background: #fff; border: 1px solid #ccc; position: absolute; top: -11px; left: 7px; display:none; z-index:3; }
.editor .preview .bg p {}
.editor .preview .bg .name { color: #9d9d9d; word-break: break-all; overflow: hidden; width:50px; height:18px; }
.editor .preview .bg .operation { width: 50px; height: 10px; overflow: hidden; }
.editor .preview .bg span { }
.editor .preview .bg .cut_in { float: left; margin-left: 10px; display: inline; width: 10px; height: 10px; background: url(../images/member/ico.gif) 0 -1095px; }
.editor .preview .bg .delete { float: right; margin-right: 10px; display: inline; width: 10px; height: 10px; background: url(../images/member/ico.gif) 0 -634px; }

.editor .preview .titles { width: 72px; height: 16px; line-height: 15px; text-align: center; color: #3d3f3e; background: #fdf04c; border: 1px solid #ffba2f; position: absolute; bottom: -15px; left: 10px; z-index: 3; }
.editor .line { width: 74px; height: 2px; overflow: hidden; background: #d8deda; position: absolute; bottom: -3px; left: -1px; }


.small_pic .pic { width: 55px; height: 55px; margin: 0 auto; position: absolute; }
.small_pic .bg { width: 53px; height: 16px; position: absolute; bottom: 1px; left: 1px; display: none; }
.small_pic .operation { width: 53px; height: 13px; padding-top: 3px; position: absolute; bottom: 0; left: 0; background: #000; -moz-opacity: 0.5; opacity: .5; filter: alpha(opacity=50); }
.small_pic .cut_in { float: left; margin-left: 10px; display: inline; width: 10px; height: 10px; background: url(../images/member/ico.gif) 0 -1095px; }
.small_pic .delete { float: right; margin-right: 10px; display: inline; width: 10px; height: 10px; background: url(../images/member/ico.gif) 0 -634px; }
.small_pic .titles { width: 60px; height: 16px; line-height: 15px; text-align: center; color: #3d3f3e; background: #fdf04c; border: 1px solid #ffba2f; position: absolute; bottom: -19px; left: 10px; z-index: 3; }
.small_pic .line { width: 62px; height: 2px; overflow: hidden; background: #d8deda; position: absolute; bottom: -3px; left: -1px; }
.small_pic { width: 300px; position: relative; }
.small_pic ul { width: 300px; }
.small_pic li { width: 55px; height: 55px; margin: 0 2px 4px; display: inline; position: relative; background: url(../images/member/initialize_pic.gif) 0 bottom; float: left; cursor: pointer; }

.upload_btn { width: 300px; margin-top: 10px; position: relative; }
.upload { width: 292px; height: 32px; line-height: 32px; margin: 0 auto; cursor: pointer; background: url(../images/member/btn.gif) 0 -755px; }
.upload b { display: block; width: 292px; height: 32px; color: #3e3e3c; font-size: 14px; text-align: center; }
.upload .hide { background: url(../images/member/btn.gif) no-repeat 200px -116px; }
.upload .show { background: url(../images/member/btn.gif) no-repeat 200px -156px; }

.upload_con { width: 292px; background: #fff; position: absolute; top: 30px; left: 4px; z-index: 5; }
.upload_con_top { width: 292px; height: 2px; overflow: hidden; background: url(../images/member/upload_con.gif); position: absolute; top: -2px; left: 0px; }
.upload_con_bottom { width: 292px; height: 3px; background: url(../images/member/upload_con.gif) no-repeat 0 bottom; font-size:1px; }

.upload_wrap { padding: 8px 0 8px 8px; border-left:1px solid #ACBFE5; border-right:1px solid #ACBFE5; }
.upload_wrap ul { width: 282px; height: 28px; overflow:hidden; }
.upload_wrap li { float: left; margin-right: 6px; display: inline; line-height: 28px; font-weight: bold; color: #3f3d3e; cursor: pointer; }
.upload_wrap .btn1 { width: 86px; height: 28px; text-align: center; background: url(../images/member/btn.gif) no-repeat 0 -803px; overflow:hidden; }
.upload_wrap .btn2 { width: 79px; height: 28px; padding-left: 10px; background: url(../images/member/btn.gif) no-repeat 0 -837px; overflow:hidden; }
.upload_file {padding: 8px 0 6px;}
.upload_txt { color: #9d9d9d; line-height: 18px; }
.upload_txt span { color: #656565; }

.products{width: 320px;}
.products li {width: 320px;float: left;margin-bottom: 12px;}
.products h2 {font-weight: bold;text-align: center;font-size: 13px;}
.products input[type="text"] {margin: 6px 10px;padding: 5px 0px;border: #ccc solid 1px;color: #777;width:300px;}
.products span,.products lable{padding-left:10px;float: left;display: block;}
.products .arrange { float: left; width: 320px; position: relative; }

.products .red { color: #ff4e01; font-family: "宋体"; font-weight: bold; padding-left: 10px; }
.products .gray { color: #b9b9b9; }
.products .unit { color: #3e3e3e; padding-left: 10px; }

.box_arr { background: #f6f6f6; border: 1px solid #e8e8e8; width: 320px;padding-bottom: 20px;}
.box_arr .add_btn { display: block; width: 160px; height: 32px; line-height: 30px; text-align: center; color: #3e3e3c; font-weight: bold; text-decoration: none; font-size: 14px; background: url(../images/member/btn.gif) 0 -499px; }
.box_arr .pos_btn { width: 160px; margin: 20px auto 15px; }
.box_arr .pos_txt { width: 240px; margin: 0 auto 20px; color: #b8b8b8; }
.distance { word-spacing: 15px; }

.box_arr table { width: 100%; margin-top: 10px; border-collapse: collapse; }
.box_arr table th { height: 25px; font-weight: normal; color: #ababab; }
.box_arr table td { height: 25px; text-align: center; color: #3e3e3e; }
.box_arr .table_btn { width: 86px; height: 28px; margin: 10px auto; }
.box_arr .table_btn a { display: block; width: 86px; height: 28px; font-size: 12px; padding-left: 15px; background: url(../images/member/btn.gif) 0 -973px; }


.add_spec { width:320px; border: 1px solid #464646; padding: 10px; background: #fff; position: absolute; top: 380px; right: 24px; z-index: 50; }
.add_spec .close { display: block; width: 21px; height: 21px; background: url(../images/member/ico.gif) 0 -761px; position: absolute; top: 10px; right: 10px; }
.add_spec .close:hover { background: url(../images/member/ico.gif) 0 -783px; }

.add_spec h2 { border-bottom: 2px solid #e3e3e3; color: #3f3f3f; height: 32px; line-height: 32px; }
.add_spec p { color: #9d9d9d; padding: 10px; }

.add_spec ul { width: 530px; overflow: hidden; }
.add_spec .th { padding: 3px 0; margin-bottom: 10px; border-top: 2px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; background: #f8f8f8; }
.add_spec .td { padding-bottom: 10px; }
.add_spec li { float: left; margin-left: 6px; display: inline; }
.add_spec li input { text-align: center; }

.distance1 { width: 70px; height: 26px; line-height: 26px; text-align: center; color: #919191; }
.distance2 { width: 150px; height: 26px; line-height: 26px; text-align: center; color: #919191; }
.distance3 { width: 40px; height: 26px; line-height: 26px; text-align: center; color: #919191; }

.add_spec span { margin: 2px; }
.add_spec .up_btn { display: block; float: left; margin-right: 4px; width: 10px; height: 10px; overflow: hidden; cursor: pointer; background: url(../images/member/ico.gif) 0 -1122px; }
.add_spec .down_btn { display: block; float: left; margin-right: 4px; width: 10px; height: 10px; overflow: hidden; cursor: pointer; background: url(../images/member/ico.gif) 0 -1144px; }
.add_spec .delete_btn { display: block; float: left; margin-right: 4px; width: 10px; height: 10px; overflow: hidden; cursor: pointer; background: url(../images/member/ico.gif) 0 -634px; }

.add_spec .add { display: block; width: 320px; padding-left: 24px; height: 42px; line-height: 42px; color: #919191; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; background: url(../images/member/ico.gif) no-repeat 8px -1165px;  }
.add_spec .add:hover { color: red; }

.btn_wrap { padding: 15px 0 10px; width: 530px; border-top: 2px solid #e3e3e3; margin-top: 1px; text-align: center; }
.btn_wrap .btn { border: 0; width: 120px; height: 32px; background: url(../images/member/btn.gif) no-repeat 0 -253px; cursor: pointer; font-weight: bold; color: #3f3d3e; }
.add_spec_bottom { position: absolute; top: 6px; left: -7px; width: 320px; height: 3px; overflow: hidden; background: #000; -moz-opacity: 0.2; opacity: .2; filter: alpha(opacity=20); }

.editor_add { padding: 7px 3px 3px; overflow: hidden; background: #f5f5f5 url(../images/member/editor.gif) repeat-x 0 top; }
.editor_add p { margin-bottom: 10px; }

.editor_add .btn3 { display: block; color: #3d3f3e; text-decoration: none; width: 66px; height: 28px; line-height: 24px; font-weight: bold; padding-left: 35px; background: url(../images/member/btn.gif) 0 -674px; cursor: pointer; }
.editor_add .btn3:hover { color: #333; }
.issuance { text-align: center; margin-top: 10px; }
.issuance .btn { border: 0; width: 120px; height: 32px; background: url(../images/member/btn.gif) no-repeat 0 -253px; cursor: pointer; font-weight: bold; color: #3f3d3e; }

.add_bewrite { padding-top: 10px;}
.add_bewrite h5 { height: 20px; text-align: center;font-size: 13px;}
.editor .btn3 {margin: 0 auto;display: block; color: #3d3f3e; text-decoration: none; width: 66px; height: 28px; line-height: 24px; font-weight: bold; padding-left: 35px; background: url(../images/member/btn.gif) 0 -674px; cursor: pointer; }


.dialog_body{ overflow:hidden;}
.dialog_content .tab{line-height:28px;}
.dialog_content .content1{ margin-top:5px;}
.dialog_content .content1 h1{ font-size:16px;font-weight:normal;}
.dialog_content .content1 .li{ margin-top:5px;}
.dialog_content .content1 .li input{vertical-align:middle;}
.dialog_content .content1 dl{margin:5px 0;}
.clue_on{margin:5px 0;}
.dialog_content .btn {width: 100%;padding: 8px 0;background: #b00005;background: linear-gradient(to bottom,#9f0207,#b00005);background: -moz-linear-gradient(top, #9f0207,#b00005);background: -webkit-gradient(linear, 0 0, 0 100%, from(#9f0207), to(#b00005));border: #8d0303 solid 1px;border-radius: 3px;color: #fff;}
.dialog_content .btn1{ width:100%;padding:8px 0;background:#b00005;background:linear-gradient(to bottom,#9f0207,#b00005);background: -moz-linear-gradient(top, #9f0207,#b00005);background: -webkit-gradient(linear, 0 0, 0 100%, from(#9f0207), to(#b00005));border:#8d0303 solid 1px;border-radius:3px;color:#fff;}
.dialog_content .btn2{ width:100%;padding:8px 0;}

.dialog_content .eject_con {border:0px;width:180px;}
.dialog_content .content_line{margin-bottom: 10px;}
.dialog_content .explain{margin-top: 10px;}


